Micron Document




JQuery UI
──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
top
jQuery UI est une collection de widgets, effets visuels et thèmes implémentés avec jQuery, des feuilles de style en cascade, et du HTMLcite-ref-8[8].

Selon Libscore, un service d'analyses JavaScript, jQuery UI est utilisé sur plus de 197 000 sites dans le premier million, ce qui en fait la bibliothèque JavaScript la plus populairecite-ref-9[9]. Parmi ses utilisateurs les plus notables, on trouve Pinterest, PayPal, IMDb, The Huffington Post, et Netflixcite-ref-10[10].

Contents

Widgets
Effets

──────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────

Fonctionnalités

Interactions

Glisser-déposer, redimensionnement, sélection, et classement.

Widgets

Tous les widgets jQuery UI sont thémablescite-ref-11[11].

Accordion – container en accordéon.
Autocomplete – boite d’auto-complétion basée sur les entrées de l'utilisateur.
Button – apparence des boutons améliorée, transforme les boutons radio et cases à cocher en boutons poussoirs.
Datepicker – sélecteur de date avancé.
Dialog – boite de dialogue.
Menu – affichage d'un menu.
Progressbar – bar de progression animables.
Selectmenu – duplication d'un élément HTML.
Slider – diapositive.
Spinnerbouton fléché.
Tabs – onglet.
Tooltip – infobulle.

Effets

Color Animation – animation de la transition d'une couleur à une autre.
Toggle Class, Add Class, Remove Class, Switch Class – animation de la transition d'un style à une autre.
Effect – variété d'effets (apparition, diapositive, explosion, fondu, etc.)
Toggle – activation ou désactivation des effets.
Hide, Show - affichage ou masquage des effets.

Utilitaires

Position – définit la position d'un élément relativement à un autre (alignement).
Widget Factory – création de plugins jQuery plugins sur la bases des widgets jQuery UI.

Exemple

<script type="text/javascript">
// Rend l'élément de id "draggable" glissable
$(function () {
$("#draggable").draggable();
});
</script>

<div id="draggable">
<p>Drag me around</p>
</div>

Historique

| Release date [ 12 ] | Version number | jQuery Dependency | Additional notes |
|---|---|---|---|
| 17 septembre 2007 [ 13 ] | | 1.2.1+ | Version initiale [ 13 ] |
| 8 juin 2008 | 1.5 | | |
| 16 avril 2009 | 1.6 | 1.2.6+ | Compatibilité jQuery 1.2.6. |
| 3 mars 2009 | 1.7 | 1.3.2+ | |
| 18 mars 2010 | 1.8 | 1.3.2+ | |
| 19 janvier 2011 | 1.8.9 | 1.3.2+ | |
| 22 février 2011 | 1.8.10 | 1.3.2+ | |
| 15 mars 2011 | 1.8.11 | 1.3.2+ | |
| 13 avril 2011 | 1.8.12 | 1.3.2+ | |
| 12 mai 2011 | 1.8.13 | 1.3.2+ | |
| 17 juin 2011 | 1.8.14 | 1.3.2+ | |
| 1 er aout 2011 | 1.8.15 | 1.3.2+ | |
| 15 aout 2011 | 1.8.16 | 1.3.2+ | |
| 10 janvier 2012 | 1.8.17 | 1.3.2+ | |
| Feb 20, 2012 | 1.8.18 | 1.3.2+ | |
| Apr 16, 2012 | 1.8.19 | 1.3.2+ | |
| Apr 30, 2012 | 1.8.20 | 1.3.2+ | |
| Jun 5, 2012 | 1.8.21 | 1.3.2+ | |
| Jul 24, 2012 | 1.8.22 | 1.3.2+ | |
| 15 aout 2012 | 1.8.23 | 1.3.2+ | |
| Sep 28, 2012 | 1.8.24 | 1.3.2+ | |
| Oct 8, 2012 | 1.9.0 | 1.6+ | |
| Oct 25, 2012 | 1.9.1 | 1.6+ | |
| Nov 23, 2012 | 1.9.2 | 1.6+ | |
| Jan 17, 2013 | 1.10.0 | 1.6+ | Abandon du support pour IE6 [ 14 ] |
| Feb 15, 2013 | 1.10.1 | 1.6+ | |
| Mar 14, 2013 | 1.10.2 | 1.6+ | |
| May 3, 2013 | 1.10.3 | 1.6+ | |
| Jan 17, 2014 | 1.10.4 | 1.6+ | |
| Apr 25, 2014 | 1.11.0-beta.1 | 1.6+ | Abandon du support pour IE7 [ 15 ] |
| May 23, 2014 | 1.11.0-beta.2 | 1.6+ | |
| Jun 26, 2014 | 1.11.0 | 1.6+ | |
| Aug 13, 2014 | 1.11.1 | 1.6+ | |
| Oct 16, 2014 | 1.11.2 | 1.6+ | |
| Feb 12, 2015 | 1.11.3 | 1.6+ | |
| Mar 11, 2015 | 1.11.4 | 1.6+ | |
| Jan 26, 2016 | 1.12.0-beta.1 | 1.7+ | Abandon du support pour IE8, IE9, IE10 [ 16 ] |

Notes et références

cite-note-11. « jQuery UI Team », sur jqueryui.com, The jQuery Foundation (consulté le 5 février 2016)
cite-note-wikidata-8332eae2f8d49756e8ca9d226021da54b5fd7815-22. « jQuery UI 1.14.1 released », 30 octobre 2024 (consulté le 5 novembre 2024)
cite-note-wikidata-ff261117c646d6e7112c6ba03e58c2a1b041061d-33. « jQuery UI 1.14.1 released », 30 octobre 2024 (consulté le 5 novembre 2024)
cite-note-wikidata-aabb94b30b2934793c0e4d8f6b71a67f7c135a5bq116058944-44. npmjs (base de données en ligne), consulté le 5 novembre 2024.
cite-note-wikidata-905e44f6f3aa51de56a5ab5f9a231f0647e8bdcc-55. « https://releases.jquery.com/resources/cdn.json » (consulté le 5 novembre 2024)
cite-note-wikidata-0f28115ded71bacdd70087ee17bcda5c18657349-66. go-biowski-owczarekmicha-go-biowski-owczarek(en) Michał Gołębiowski-Owczarek, « jQuery UI 1.14.0-beta.2 released », 14 juin 2024 (consulté le 15 juin 2024)
cite-note-license-77. « License », sur jQuery.com, The jQuery Foundation (consulté le 12 juin 2014)
cite-note-88. sarrion2012eric-sarrion2012(en-US) Eric Sarrion, JQuery UI, Sebastopol, O'Reilly Media, 2012, 1–4 p. (ISBN 978-1-4493-1699-0, OCLC 768796881, lire en ligne)
cite-note-99. « Libscore », sur libscore.com
cite-note-1010. « Libscore », sur libscore.com
cite-note-1111. « jQuery UI: ThemeRoller », jQuery UI (consulté le 5 février 2016)
cite-note-changelog-128. « jQuery UI - Documentation: UIChangelog » (consulté le 2 avril 2012)
cite-note-release-139. resig2007john-resig2007John Resig, « jQuery UI: Interactions and plug-ins », jQuery blog, 17 septembre 2007 (consulté le 12 août 2012)
cite-note-1410. jQuery UI 1.10.0, retrieved on Feb 15, 2013
cite-note-1511. jQuery UI 1.11.0-beta.1, retrieved on May 1, 2014
cite-note-1612. jQuery UI 1.12.0-beta.1, retrieved on Feb 5, 2016

• (en) Cet article est partiellement ou en totalité issu de l’article de Wikipédia en anglais intitulé « jQuery UI » (voir la liste des auteurs).

• Portail d’Internet
• Portail de la programmation informatique
• Portail des logiciels libres